

import React from 'react'
import {Link} from 'react-router-dom'
import {Icon} from 'antd'

import './style.scss'
class LeftMenuItem extends React.Component{
	constructor(props){
		super(props)

	}
	componentDidMount(){
		//console.log(this.props.items)
	}
	render(){
		return(
			<div>
				{
					this.props.items.map((item,index)=>{
              return <div  className="menuitembox" key={index} >
              {
							item.actived
							?<div className="floatleftmenu itemActive" ><Icon className="fongSize18" type={item.icon} /> {item.name}</div>
			      	:<div className="floatblockmenu"><Link to={item.link}  style={{color:'#666'}}><Icon className="fongSize18" type={item.icon} /> {item.name}</Link></div>
			      	}
		        	</div>
          })
				}
			</div>
		)
	}
}

export default LeftMenuItem;